<template>
    <div>
        <el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" label-width="auto" class="demo-ruleForm"
            status-icon>
            <el-form-item label="对应社保自然月" prop="region">
                <el-select v-model="ruleForm.socialSecurityType" placeholder="Activity zone">
                    <el-option label="当月" :value="1" />
                    <el-option label="次月" :value="2" />
                </el-select>
            </el-form-item>
            <el-form-item label="社保数据来源" prop="region">
                <el-input value="社保模块" disabled />
            </el-form-item>
            <el-form-item label="考勤数据来源" prop="region">
                <el-input value="考勤模块" disabled />
            </el-form-item>

        </el-form>
    </div>
</template>

<script setup lang="ts">
import { reactive, ref } from 'vue'
defineProps(['ruleForm'])

</script>

<style scoped></style>